<template>
  <div style=" width: 99%; margin: auto;">
    <h3>{{year}}年度工作报告</h3>
    <h1
       style="margin: 20px; font-size: 14px;">
      （请填写本年度遵守法律法规和国家政策情况、履行登记手续情况、人员和机构变动情况、财务管理情况、按照章程开展活动情况等。
      举办过面向社会的研讨会、论坛的还应当填写研讨会、论坛等活动情况。并填写下年度工作计划。工作报告中须填写风险防控、活动影响评估、重大事项报告、意识形态管理工作等内容
      )</h1>
    <el-form  size="default" :model="postForm" ref="postForm" :rules="postFormRules">
      <el-form-item prop="assetTermName">
        <el-input type="textarea" v-model="postForm.assetTermName" :rows="26" placeholder="请输入内容" style="width: 100%;"></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
import {getTableInfoByPage, mfSaveSummary} from "@/views/yearCheck/ykb/mf/mf";

export default {
  data() {
    return {
      postForm:{},
      postFormRules:{
        assetTermName:[{required:true,message:'请输入',trigger:'blur'}],
      },
      year:localStorage.getItem('examineYear')
    };
  },

  created() {

  },
  methods: {
    postInfo(){
      this.$refs.postForm.validate(valid=> {
        if (valid) {
          this.postForm.creditCode = localStorage.getItem('creditCode');
          this.postForm.examineYear = localStorage.getItem('examineYear');
          this.postForm.organizationBaseId = '1';
          mfSaveSummary(this.postForm).then(response => {
            this.$message({
              message: '年度工作报告保存成功！',
              type: 'success'
            });
            this.getInfo();
          });
        } else {
          this.$message({
            message: '请输入！',
            type: 'error'
          });
        }
      });

    },
    getInfo(){
      getTableInfoByPage(16).then(response => {
        this.postForm = JSON.parse(JSON.stringify(response.data).replace(/null/g, '""'));
      });
    }
  }
}
</script>
<style scoped lang="scss">
.el-table {
  --el-table-row-hover-bg-color: rgba(39, 137, 238, 0.1);
  --el-table-border-color:#e0e5f0;
}
:deep(.el-card.is-always-shadow) {
  box-shadow: 0 1px 14px 0 rgba(209, 224, 239, 0.6)
}

/* 拉框选中 */
.el-select-dropdown__item {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

/* 鼠标经过下拉框 */
.el-select-dropdown__item:hover {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

.el-select-dropdown__item.selected {
  color: #2789EE;
}
.app-container {
  margin-top: 40px;
  margin-left: 15%;
  width: 70%;
}

.div-bg {
  width: 100%;
  background: #F0F0F0;
  height: 10px;
}

.box-card {
  width: 100%;
  margin-top: 20px;
  padding: 20px;
}

.el-col {
  padding-left: 5px;
}

.divider-title {
  font-weight: bold;
  font-size: 18px;
}

.custom-select .el-select-dropdown {
  max-height: 600px; /* 设置为你想要的高度 */
  overflow: auto; /* 添加滚动条 */
}

table {
  border-collapse: collapse; /* 确保表格的边框合并为单一边框 */
  width: 100%; /* 表格宽度 */
}

td {
  border: 1px solid #ababab; /* 设置单线边框 */
  padding: 6px; /* 单元格内边距 */
}
.el-form-item {
  margin-bottom: 0px;
}
</style>
